/*
Theme Name: Freshine
Theme URL: http://yoarts.com/freshine
Description: The Fresh &amp; Nice theme framework for WordPress.
Author: the YoArts team
Author URL: http://yoarts.com
Version: 2.1.1
License: GNU General Public License
*/

/* Eric Meyer's CSS Tools: Reset CSS
-------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
}

body { line-height: 1; }

ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

/* Clearfix
-------------------------------------------------------------*/
.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

* html .clearfix { zoom: 1; /* IE6 */ }

*:first-child+html .clearfix { zoom: 1; /* IE7 */ }

.clear { clear: both; }

.alignleft { float: left; }

.alignright { float: right; }

/* COMMON STYLE
--------------------------------------------------------- */
body {
	line-height: 1.5;
}

/* Normal links ---*/
a { text-decoration: none; }

/* Paragraph ---*/
p { margin: 0 0 15px; }

/* Preformatted & Code ---*/
pre, code {
	display: block;
	margin: 5px 0 15px;
	padding: 10px 15px;
	border: 1px solid #ddd;
	border-left-width: 5px;
	background: #ffd;
}

/* FORM
--------------------------------------------------------- */
label { cursor: pointer; }

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap { position: relative; }

.main {
	margin: 0 auto;
	width: 960px;
}

#f9-sidebar-header-top .main,
#f9-mainnav .main,
#f9-slide .main,
#f9-footer .main {
	width: 940px;
	padding: 0 10px;
}

.full	{ width: 940px; }

.medium { width: 700px; }

.normal { width: 460px; }

/* SHORTCODE
-------------------------------------------------------------*/
/* Heading ---*/
.su-heading {
	border-top: none !important;
	border-bottom: 1px solid #ddd !important;
	padding: 0 !important;
	font-weight: bold;
}

.su-heading .su-heading-shell {
	padding: 0;
	border: none;
	text-align: left;
}

/* MAIN COLUMN
--------------------------------------------------------- */
#f9-container {
	float: left;
	margin: 0 10px;
}

#f9-content ul,
#f9-content ol,
#f9-content dl { margin: 0 0 15px 20px; }

/* HEADER
--------------------------------------------------------- */
#f9-logo {
	float: left;
	margin: 0 10px;
}

.logo-image { float: left; }

.logo-image a {
	background-position: left center;
	display: block;
	text-indent: -9999px;
}

.logo-text {
	display: block;
	font: bold 2em sans-serif;
}

#description { clear: both; }

/* SIDEBAR
--------------------------------------------------------- */
/* Sidebar header ---*/
#f9-sidebar-header { margin: 0 10px; float: right; }

#f9-sidebar-header .widget { float: left; }

/* Sidebar top ---*/
#f9-sidebar-top .widget {
	width: 460px;
	margin: 0 10px;
	float: left;
}

/* Sidebar bottom ---*/
#f9-sidebar-bottom { }
#f9-sidebar-bottom .widget {
	width: 220px;
	margin: 0 10px;
	float: left;
}

/* Sidebar left & right ---*/
#f9-sidebar-left,
#f9-sidebar-right {
	float: left;
	width: 220px;
	margin: 0 10px;
}

/* FOOTER
--------------------------------------------------------- */
#f9-footer p { margin: 0; }

#f9-footer #f9-info { float: left; }

#f9-footer #f9-generator { float: right; }

#f9-footer .f9-copyright li { float: right; margin-left: 20px; }

#f9-footer .f9-copyright a { display: block; height: 36px; text-indent: -9999px; }

#f9-footer .freshine {
	background: url(images/freshine.png) no-repeat center;
	width: 130px;
}

/* MISCELLANOUS
--------------------------------------------------------- */
/* Post ---*/
.post .entry-meta,
.post .entry-utility { clear: both; font-size: 11px; }

/* Navigation ---*/
.navigation { display: block; }
.navigation .nav-previous { float: left; }
.navigation .nav-next { float: right; }

/* Cpanel ---*/
#f9-cpanel {
	position: fixed;
	right: 15px;
    top: 0;
	z-index: 1000;
	font-family: Arial, Helvetica, sans-serif !important;
}

#f9-cpanel a {
	color: #000;
}

.logged-in #f9-cpanel {
	top: 28px;
}

#f9-cpanel #f9-cpanel-toggle {
	background: #333;
	text-transform: uppercase;
	color: #ccc;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
	padding: 0 10px;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 10px;
	line-height: 24px;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

#f9-cpanel #f9-cpanel-toggle:hover {
	background: #08c;
	color: #fff;
}

#f9-cpanel #f9-cpanel-main {
	background: #fff;
	border: 1px solid #ccc;
	width: 300px;
	border-top: none;
	display: none;
}

#f9-cpanel .f9-cpanel-head {
	line-height: 23px;
	padding: 0 10px;
	font-weight: bold;
}

#f9-cpanel .f9-cpanel-tools h3 {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	background: #F7F7F7;
	padding: 5px 10px;
	font-size: 11px;
	text-transform: uppercase;
	color: #000;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif !important;
}

#f9-cpanel .f9-box-usertool {
	font-size: 11px;
	padding: 10px;
}

#f9-cpanel .f9-box-usertool li {
	width: 50%;
	float: left;
	list-style: none;
	margin: 3px 0;
}

#f9-cpanel .f9-box-usertool li input {
	margin: 0 !important;
}

#f9-cpanel .f9-box-usertool li span {
	text-transform: capitalize;
}

#f9-cpanel .f9-cpanel-action {
	background: #ccc;
	padding: 5px 10px;
}

#f9-cpanel .f9-cpanel-apply,
#f9-cpanel .f9-cpanel-reset {
	height: 24px;
	padding: 0 10px;
	background: none;
	border: none;
	display: block;
}

#f9-cpanel .f9-cpanel-apply {
	background: #333;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	float: left;
	text-transform: uppercase;
	color: #ccc;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}

#f9-cpanel .f9-cpanel-apply:hover {
	background: #08c;
	color: #fff;
}